<template>
  <van-form @submit="onSubmit">
    <van-cell-group inset>
      <van-field v-model="username" name="username" label="用户名" placeholder="用户名"
        :rules="[{ required: true, message: '请填写用户名' }]" />
      <van-field v-model="password" type="password" name="password" label="密码" placeholder="密码"
        :rules="[{ required: true, message: '请填写密码' }]" />
    </van-cell-group>
    <div style="margin: 16px;">
      <van-button round block type="primary" native-type="submit">
        提交
      </van-button>
    </div>
  </van-form>
</template>


<script setup>
import axios from 'axios';
import { ref } from 'vue'
import { showNotify } from 'vant'
import { useRouter } from 'vue-router';
const username = ref('');
const password = ref('');
const router = useRouter()
const onSubmit = async (values) => {
  const resp = await axios.post('/login', values)
  const { code, data, message } = resp.data;
  if(code=== 200) {
    showNotify({ type: 'success', message })
    router.back();
    localStorage.setItem('userInfo', JSON.stringify(data.userInfo))
    localStorage.setItem('token', JSON.stringify(data.token))

  } else {
    showNotify({ type: 'danger', message })
  }
};
</script>